<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>品牌专区</title>
    <link rel="stylesheet" href="../css/newHand.css">
	<script src="../js/jquery-3.2.1.min.js"></script>
	<script src="../js/brand.js"></script>
</head>
<body>
    <div class="newHand">
        <!--头部-->
       <div class="head">
			<!--logo-->
			<div class="logo">
				<img src="../img/images/logo_01.jpg"/>
			</div>
			<!--导航-->
			<ul class="clearfix">
				<li><a href="Home.html">首页</a></li>
				<li><a href="cycling.html">骑行</a></li>
				<li><a href="L-plate.html">铁三</a></li>
				<li><a href="running.html">跑步</a></li>
				<li><a href="newHand.html">新手学堂</a></li>
				<li><a href="brand.html">品牌专区</a></li>
			</ul>
			<!--搜索框-->
            <form action="" class="search">
                <input type="search">
                <div class="search_icon">
                    <img src="../img/images/sousuo.png" alt="">
                </div>
            </form>
	    	<!--购物车图标-->
	    	<div class="shopcar">
	    		<a href="ShoppingCar1-1.html"><img src="../img/images/shopcar.png" alt=""></a>
	    	</div>
	    	<!--人员图标-->
	    	<div class="people">
	    		<a href="login.html"><img src="../img/images/people.png" alt=""></a>
	    	</div>
	    	<!--联系热线-->
	    	<div class="tel">
	    		<p>400-6563-116</p>
	    	</div>
	    	<!--language-->
	    	<div class="language">
	    		<span>CH</span>
	    	</div>
		</div>
        <!--中间内容区域-->
       <div class="brand_content">
            <!--brand_logo-->
            <div class="brand_con">
                <p class="brand_title">首页品牌>品牌专区</p>
                <div class="brand_logo">
					<div class="img">
						<img src="../img/images/brand_logo.png" alt="">
						<img src="../img/images/brand_logo.png" alt="">
						<img src="../img/images/brand_logo.png" alt="">
					</div>
					<ul id="ul1">
						<li class="active"></li>
						<li></li>
						<li></li>
					</ul>
                </div>
            </div>
			<!--最新发布-->
			<div class="announce">
				<p><span class="span1">当前活跃</span><span class="span2">|</span>最新发布</p>
				<div class="announce_search">
					<input type="search" placeholder="搜索店铺的名称">
					<img src="../img/images/search.png" alt="">
				
				</div>
			</div>
			<!--发布内容1-->
			<div class="announce_content">
				<ul class="clearfix">
					<li id="border_none">
						<div class="content_img">
								<a href="shopdetail.html"><img src="../img/images/brand_shop.png" alt=""></a>
						</div>
						<h3>SUPER12</h3>
						<p>"向着阳光的方向"</p>
						<input type="button" value="关注">
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth1.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth1.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
				</ul>
			</div>
			<!--发布内容2-->
			<div class="announce_content">
				<ul class="clearfix">
					<li id="border_none">
						<div class="content_img">
								<a href="shopdetail.html"><img src="../img/images/brand_shop1.png" alt=""></a>
						</div>
						<h3>DREAN骑手</h3>
						<p>第六届骑手赞助商<br>第四届骑手赞助商</p>
						<input type="button" value="关注">
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth1.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth1.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
				</ul>
			</div>
			<!--发布内容3-->
			<div class="announce_content">
				<ul class="clearfix">
					<li id="border_none">
						<div class="content_img">
								<a href="shopdetail.html"><img src="../img/images/brand_text.png" alt=""></a>
						</div>
						<h3>PAPHA</h3>
						<p>"向着阳光的方向"</p>
						<input type="button" value="关注">
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth1.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
					<li>
						<div class="img">
							<img src="../img/images/brand_cloth1.png" alt="">
						</div>
						<div class="text">
							<p>男士骑士上衣</p>
							<p>￥299</p>
							<img src="../img/images/brand_ding.png" alt="">
						</div>
					</li>
				</ul>
			</div>
			<!--分页跳转-->
				<div class="Pages">
				<form action="" method="get" class="clearfix">
					<ul>
						<li class="fl pagesNum pages_active">1</li>
						<li class="fl pagesNum">2</li>
						<li class="fl pagesNum">3</li>
						<li class="fl pagesNum">4</li>
						<li class="fl" id="li">...</li>
						<li class="fl pagesNum" id="li1">10</li>
					</ul>
				</form>
			</div>
        </div>
        <!--尾部-->
        <div class="footer">
			<div class="logo-2">
				<img src="../img/images/logo-2_13.jpg"/>
			</div>
			<ul>
				<li>新手指南</li>
				<li>用户注册</li>
				<li>定制流程</li>
			</ul>
			<ul>
				<li>付款方式</li>
				<li>支付方式</li>
				<li>支付问题</li>
				<li>常见问题</li>
			</ul>
			<ul>
				<li>售后服务</li>
				<li>退款换货</li>
				<li>配送方式</li>
				<li>联系我们</li>
			</ul>
			<ul>
				<li>政策条款</li>
				<li>服务协议</li>
				<li>隐私条款</li>
				<li>s版权条款</li>
			</ul>
			<p>&copy;2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
		</div>
    </div>
</body>
</html>